<template>
  <div class="get-start">
    <div class="wrapper">
      <div class="left-notice">当前已经为广大用户完成
        <span class="user-number">1,110,782,277</span>
        份回收
      </div>
      <a href="" class="btn-use">立刻使用</a>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.get-start {
  width: 1263px;
  height: 143px;
  // background-color: bisque;
}
.wrapper {
  display: flex;
  align-items: center;
  height: 142px;
  position: relative;
  box-sizing: border-box;
  justify-content: space-between;
}
.left-notice{
  display: flex;
  align-items: center;
  font-size: 14px;
  // background-color: rgb(171, 171, 224);
}
.user-number{
  color: aqua;
  font-size: 30px;
  margin-right: 5px;
}
.btn-use{
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  padding: 0 41px;
  background-color: #80c200;
  color:white;
  border-radius: 7px;
  font-size: 18px;
  text-decoration: none;

}
.btn-use:hover{
  content:"";
  background-color: #9edd21;
}
</style>
